<template xmlns="">
  <div id="app">
    <Tabs v-model:active="active" style="font-size: 28px" class="fixed-tabs" color="black" line-width="60px">
      <Tab title="通知" title-style="font-size: 18px">
        <CardComponents :item="itemAnn"/>
      </Tab>
      <Tab title="新闻" title-style="font-size: 18px">
        <CardComponents :item="itemRepo"/>
      </Tab>
      <Tab title="公告" title-style="font-size: 18px">
        <CardComponents :item="itemNews"/>
      </Tab>
    </Tabs>
  </div>
</template>

<script setup>
import MyNavBar from "@/components/MyNavBar/index.vue"
import {Tab, Tabs, Field, CellGroup, Divider, Step, Steps} from 'vant';
import {onMounted, ref} from 'vue';
import axios from "axios";
import CardComponents from "@/components/News/CardComponents.vue";
const active = ref(0);
const itemAnn = {
  schoolId: 1,
  privace: 1,
  status: 2,
  type: 0
};
const itemRepo = {
  schoolId: 1,
  privace: 1,
  status: 2,
  type: 1
};
const itemNews = {
  schoolId: 1,
  privace: 1,
  status: 2,
  type: 2
};
</script>

<style scoped>

</style>
